<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>css_背景</title>
	<!--
		使用外部样式表的优点:
			1.使用外部样式表实现内容与样式的完全分离.
			2.外部样式表可以重复利用
	-->
	<link rel="stylesheet" href="style.css">
	<style>

		.div{width: 100px;height: 100px;}
		#div1{background:red;}

		#div2{width: 300px; height: 300px;
			/**背景图   平铺方式  postion */
			background: url("logo.png") no-repeat  15px 15px ;
			/**背景大小*/
			background-size: 30px 30px;
		}

	</style>
</head>
<body>
	<!--div.div#div2-->
	<div class="div" id="div2"></div>

	<!--  背景色	-->
	<div class="div" id="div1">背景色的展示</div>
</body>
</html>